<template>
  <div class="ad">
    <ul class="ad-ul">
      <router-link to="" tag="li" class="ad-li border-left" v-for="item of adList" :key="item.id">
        <img class="ad-img" :src="item.imgUrl" alt="">
      </router-link>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HomeAd',
  data () {
    return {
      adList: [
        {
          id: '001',
          imgUrl: 'http://img1.qunarzz.com/piao/fusion/1811/12/999862443f79a902.png'
        }, {
          id: '002',
          imgUrl: 'http://img1.qunarzz.com/piao/fusion/1811/d5/20dc542eb839c702.png'
        }
      ]
    }
  }
}
</script>

<style lang="stylus" scoped>
  .ad
    border-top: .2rem solid #f5f5f5
    .ad-ul
      display: flex
      .ad-li
        flex: 1
        .ad-img
          width: 100%
</style>
